<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">

      <el-form-item label="日期" prop="cDate">
        <el-date-picker
          v-model="queryParams.cDate"
          type="date"
          size="small"
          value-format="yyyy-MM-dd"
          @keyup.enter.native="handleQuery"
          placeholder="请输入查询日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['jhc:fgdl:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['jhc:fgdl:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['jhc:fgdl:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['jhc:fgdl:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="fgdlList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="日期" align="center" prop="cDate" />
      <!--<el-table-column label="电炉重废当月进厂实际量" align="center" prop="cDlFgDyjcSj" />-->
      <!--<el-table-column label="电炉重废当日进厂总量" align="center" prop="cDlFgDrjcDrzl" />-->
      <!--<el-table-column label="电炉重废当日火运进厂" align="center" prop="cDlFgDrjcHyjc" />-->
      <!--<el-table-column label="电炉重废火运进厂累计" align="center" prop="cDlFgDrjcHylj" />-->
      <!--<el-table-column label="电炉重废当日汽运进厂" align="center" prop="cDlFgDrjcQyjc" />-->
      <!--<el-table-column label="电炉重废汽运进厂累计" align="center" prop="cDlFgDrjcQylj" />-->
      <!--<el-table-column label="电炉重废当日进厂消耗" align="center" prop="cDlFgXhDrxh" />-->
      <!--<el-table-column label="电炉重废当日进厂累计消耗" align="center" prop="cDlFgXhLjxh" />-->
      <!--&lt;!&ndash;<el-table-column label="电炉重废库存月末目标" align="center" prop="cDlFgKcYmmb" />&ndash;&gt;-->
      <!--<el-table-column label="电炉重废实际库存" align="center" prop="cDlFgKcYmsj" />-->
      <!--<el-table-column label="电炉中废当月进厂目标量" align="center" prop="cDlPslDyjcMb" />-->
      <el-table-column label="电炉废钢当月进厂实际量" align="center" prop="cDlPslDyjcSj" />
      <el-table-column label="电炉废钢当日进厂总量" align="center" prop="cDlPslDrjcDrzl" />
      <el-table-column label="电炉废钢当日火运进厂" align="center" prop="cDlPslDrjcHyjc" />
      <el-table-column label="电炉废钢火运进厂累计" align="center" prop="cDlPslDrjcHylj" />
      <el-table-column label="电炉废钢当日汽运进厂" align="center" prop="cDlPslDrjcQyjc" />
      <el-table-column label="电炉废钢汽运进厂累计" align="center" prop="cDlPslDrjcQylj" />
      <el-table-column label="电炉废钢当日进厂消耗" align="center" prop="cDlPslXhDrxh" />
      <el-table-column label="电炉废钢当日进厂累计消耗" align="center" prop="cDlPslXhLjxh" />
      <!--<el-table-column label="电炉废钢库存月末目标" align="center" prop="cDlPslKcYmmb" />-->
      <el-table-column label="电炉废钢实际库存" align="center" prop="cDlPslKcYmsj" />
      <!--<el-table-column label="电炉其他废钢当月进厂目标量" align="center" prop="cDlQtfgDyjcMb" />-->
      <el-table-column label="电炉转储成品当月进厂实际量" align="center" prop="cDlQtfgDyjcSj" />
      <el-table-column label="电炉转储成品当日进厂总量" align="center" prop="cDlQtfgDrjcDrzl" />
      <el-table-column label="电炉转储成品当日火运进厂" align="center" prop="cDlQtfgDrjcHyjc" />
      <el-table-column label="电炉转储成品火运进厂累计" align="center" prop="cDlQtfgDrjcHylj" />
      <el-table-column label="电炉转储成品当日汽运进厂" align="center" prop="cDlQtfgDrjcQyjc" />
      <el-table-column label="电炉转储成品汽运进厂累计" align="center" prop="cDlQtfgDrjcQylj" />
      <!--<el-table-column label="电炉转储成品当日进厂消耗" align="center" prop="cDlQtfgXhDrxh" />-->
      <!--<el-table-column label="电炉转储成品当日进厂累计消耗" align="center" prop="cDlQtfgXhLjxh" />-->
      <!--&lt;!&ndash;<el-table-column label="电炉转储成品库存月末目标" align="center" prop="cDlQtfgKcYmmb" />&ndash;&gt;-->
      <!--<el-table-column label="电炉转储成品实际库存" align="center" prop="cDlQtfgKcYmsj" />-->
      <!--<el-table-column label="电炉破碎成品当月进厂目标量" align="center" prop="cDlMlfgDyjcMb" />-->
      <el-table-column label="DRI球团当月进厂实际量" align="center" prop="cDlMlfgDyjcSj" />
      <el-table-column label="DRI球团当日进厂总量" align="center" prop="cDlMlfgDrjcDrzl" />
      <el-table-column label="DRI球团当日火运进厂" align="center" prop="cDlMlfgDrjcHyjc" />
      <el-table-column label="DRI球团火运进厂累计" align="center" prop="cDlMlfgDrjcHylj" />
      <el-table-column label="DRI球团当日汽运进厂" align="center" prop="cDlMlfgDrjcQyjc" />
      <el-table-column label="DRI球团汽运进厂累计" align="center" prop="cDlMlfgDrjcQylj" />
      <el-table-column label="DRI球团当日进厂消耗" align="center" prop="cDlMlfgXhDrxh" />
      <el-table-column label="DRI球团当日进厂累计消耗" align="center" prop="cDlMlfgXhLjxh" />
      <!--<el-table-column label="DRI球团库存月末目标" align="center" prop="cDlMlfgKcYmmb" />-->
      <el-table-column label="DRI球团实际库存" align="center" prop="cDlMlfgKcYmsj" />
      <!--<el-table-column label="电炉内回废钢当月进厂目标量" align="center" prop="cDlNhfgDyjcMb" />-->
      <!--<el-table-column label="电炉内回废钢当月进厂实际量" align="center" prop="cDlNhfgDyjcSj" />-->
      <!--<el-table-column label="电炉内回废钢当日进厂总量" align="center" prop="cDlNhfgDrjcDrzl" />-->
      <!--<el-table-column label="电炉内回废钢当日火运进厂" align="center" prop="cDlNhfgDrjcHyjc" />-->
      <!--<el-table-column label="电炉内回废钢火运进厂累计" align="center" prop="cDlNhfgDrjcHylj" />-->
      <!--<el-table-column label="电炉内回废钢当日汽运进厂" align="center" prop="cDlNhfgDrjcQyjc" />-->
      <!--<el-table-column label="电炉内回废钢汽运进厂累计" align="center" prop="cDlNhfgDrjcQylj" />-->
      <!--<el-table-column label="电炉内回废钢当日进厂消耗" align="center" prop="cDlNhfgXhDrxh" />-->
      <!--<el-table-column label="电炉内回废钢当日进厂累计消耗" align="center" prop="cDlNhfgXhLjxh" />-->
      <!--<el-table-column label="电炉内回废钢库存月末目标" align="center" prop="cDlNhfgKcYmmb" />-->
      <!--<el-table-column label="电炉内回废钢实际库存" align="center" prop="cDlNhfgKcYmsj" />-->
      <el-table-column label="一次除尘当日拉运量" align="center" prop="zfree1" />
      <el-table-column label="一次除尘年拉运量" align="center" prop="zfree2" />
      <el-table-column label="一次除尘锌含量" align="center" prop="zfree3" />
      <el-table-column label="备注" align="center" prop="remake" />

      <el-table-column label="删除标志" align="center" prop="cState" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['jhc:fgdl:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['jhc:fgdl:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改废钢电炉进耗存录入对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1300px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="日期" prop="cDate" >
          <el-date-picker
            v-model="form.cDate"
            :disabled=!isInsert
            type="date"
            size="small"
            value-format="yyyy-MM-dd"
            placeholder="请输入日期">
          </el-date-picker>
        </el-form-item>

        <table>
          <caption>废钢--电炉</caption>
          <tr>
            <td width="80px"></td>
            <td>当月进厂<br>实际</td>
            <td>当日总量</td>
            <td>火运进厂<br>当日</td>
            <td>火运进厂<br>累计</td>
            <td>汽运进厂<br>当日</td>
            <td>汽运进厂<br>累计</td>
            <td>当日消耗<br>当日</td>
            <td>消耗累计</td>
            <td>库存<br>实际</td>
          </tr>
          <tr>
            <td>2#配料间废钢</td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDyjcSj" placeholder="请输入电炉重废当月进厂实际" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDrjcDrzl" placeholder="请输入电炉重废当日进厂总量" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDrjcHyjc" placeholder="请输入电炉重废当日进厂火运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDrjcHylj" placeholder="请输入电炉重废当日进厂火运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDrjcQyjc" placeholder="请输入电炉重废当日进厂汽运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgDrjcQylj" placeholder="请输入电炉重废当日进厂汽运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgXhDrxh" placeholder="请输入电炉重废当日消耗当日" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgXhLjxh" placeholder="请输入电炉重废消耗累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlFgKcYmsj" placeholder="请输入电炉重废库存实际" /></td>
          </tr>
          <tr>
            <td>2#配料间废钢坯</td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDyjcSj" placeholder="请输入电炉中废当月进厂实际" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDrjcDrzl" placeholder="请输入电炉中废当日进厂总量" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDrjcHyjc" placeholder="请输入电炉中废当日进厂火运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDrjcHylj" placeholder="请输入电炉中废当日进厂火运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDrjcQyjc" placeholder="请输入电炉中废当日进厂汽运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlPslDrjcQylj" placeholder="请输入电炉中废当日进厂汽运累计" /></td>
            <td ><el-input-number size="mini"  v-model="form.cDlPslXhDrxh" placeholder="请输入电炉中废当日消耗当日" /></td>
            <td ><el-input-number size="mini"  v-model="form.cDlPslXhLjxh" placeholder="请输入电炉中废消耗累计" /></td>
            <td ><el-input-number size="mini"  v-model="form.cDlPslKcYmsj" placeholder="请输入电炉中废库存实际" /></td>
          </tr>
          <tr>
            <td>转储成品</td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDyjcSj" placeholder="请输入电炉其他废钢当月进厂实际" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDrjcDrzl" placeholder="请输入电炉其他废钢当日进厂总量" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDrjcHyjc" placeholder="请输入电炉其他废钢当日进厂火运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDrjcHylj" placeholder="请输入电炉其他废钢当日进厂火运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDrjcQyjc" placeholder="请输入电炉其他废钢当日进厂汽运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgDrjcQylj" placeholder="请输入电炉其他废钢当日进厂汽运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgXhDrxh" placeholder="请输入电炉其他废钢当日消耗当日" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgXhLjxh" placeholder="请输入电炉其他废钢消耗累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlQtfgKcYmsj" placeholder="请输入电炉其他废钢库存实际" /></td>
          </tr>
          <tr>
            <td>DRI球团</td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDyjcSj" placeholder="请输入电炉破碎成品当月进厂实际" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDrjcDrzl" placeholder="请输入电炉破碎成品当日进厂总量" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDrjcHyjc" placeholder="请输入电炉破碎成品当日进厂火运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDrjcHylj" placeholder="请输入电炉破碎成品当日进厂火运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDrjcQyjc" placeholder="请输入电炉破碎成品当日进厂汽运进厂" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgDrjcQylj" placeholder="请输入电炉破碎成品当日进厂汽运累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgXhDrxh" placeholder="请输入电炉破碎成品当日消耗当日" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgXhLjxh" placeholder="请输入电炉破碎成品消耗累计" /></td>
            <td><el-input-number size="mini"  v-model="form.cDlMlfgKcYmsj" placeholder="请输入电炉破碎成品库存实际" /></td>
          </tr>
        </table>
        <table>
          <caption>炼钢除尘灰</caption>
          <tr>
            <td width="80px"></td>
            <td>当日拉运</td>
            <td>年拉运量</td>
            <td>锌含量</td>
          </tr>
          <tr>
            <td>一次除尘</td>
            <td><el-input-number size="mini"  v-model="form.zfree1" placeholder="请输入一次除尘当日拉运量" /></td>
            <td><el-input-number size="mini"  v-model="form.zfree2" placeholder="请输入一次除尘年拉运量" /></td>
            <td><el-input-number size="mini"  v-model="form.zfree3" placeholder="请输入一次除尘锌含量" /></td>
            </tr>
        </table>
        <!--<table>-->
          <!--<caption>商品坯库存</caption>-->
          <!--<tr>-->
            <!--<td width="80px"></td>-->
            <!--&lt;!&ndash;<td>合理库存</td>&ndash;&gt;-->
            <!--<td>轧区库存</td>-->
            <!--<td>钢区库存</td>-->
          <!--</tr>-->
          <!--<tr>-->
            <!--<td>商品坯</td>-->
            <!--&lt;!&ndash;<td><el-input-number size="mini"v-model="form.zfree13" placeholder="请输入商品坯合理库存" /></td>&ndash;&gt;-->
            <!--<td><el-input-number size="mini"v-model="form.zfree14" placeholder="请输入商品坯轧区库存" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree15" placeholder="请输入商品坯钢区库存" /></td>-->
          <!--</tr>-->
        <!--</table>-->
        <table>
          <caption>钢区库存录入</caption>
          <tr>
            <td width="80px"></td>
            <td>三   棒</td>
            <td>型   材</td>
            <td>大   棒</td>
            <td>板   坯</td>
            <td>商品坯</td>
          </tr>
          <tr>
            <td>钢区库存</td>
            <td><el-input-number size="mini"v-model="form.zfree4" placeholder="请输入三棒线钢区库存"/></td>
            <td><el-input-number size="mini"v-model="form.zfree5" placeholder="请输入型材线钢区库存" /></td>
            <td><el-input-number size="mini"v-model="form.zfree6" placeholder="请输入大棒钢区库存" /></td>
            <td><el-input-number size="mini"v-model="form.zfree8" placeholder="请输入板坯钢区库存" /></td>
            <td><el-input-number size="mini"v-model="form.zfree7" placeholder="请输入商品坯钢区库存" /></td>
          </tr>

        </table>



        <!--<table>-->
          <!--<caption>商品坯外发</caption>-->
          <!--<tr>-->
            <!--<td width="80px"></td>-->
            <!--<td>当月外发<br>实际</td>-->
            <!--<td>当日总量</td>-->
            <!--<td>火运外发<br>当日</td>-->
            <!--<td>火运外发<br>累计</td>-->
            <!--<td>汽运外发<br>当日</td>-->
            <!--<td>汽运外发<br>累计</td>-->
            <!--<td>火运车数<br>当日</td>-->
            <!--<td>火运车数<br>累计</td>-->
            <!--<td>库存<br>实际</td>-->
          <!--</tr>-->
          <!--<tr>-->
            <!--<td>商品坯</td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree4" placeholder="请输入商品坯当月外发实际" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree5" placeholder="请输入商品坯当日外发总量" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree6" placeholder="请输入商品坯当日外发火运外发" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree7" placeholder="请输入商品坯当日外发火运累计" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree8" placeholder="请输入商品坯当日外发汽运外发" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree9" placeholder="请输入商品坯当日外发汽运累计" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree10" placeholder="请输入商品坯火运车数当日" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree11" placeholder="请输入商品坯火运车数累计" /></td>-->
            <!--<td><el-input-number size="mini"v-model="form.zfree12" placeholder="请输入商品坯库存实际" /></td>-->
          <!--</tr>-->
        <!--</table>-->


        <el-form-item label="备注" prop="remake">
          <el-input v-model="form.remake" placeholder="请输入备注" />
        </el-form-item>
        <!--<el-form-item label="删除标志" prop="cState">-->
          <!--<el-input-number size="mini"  v-model="form.cState" placeholder="请输入删除标志" />-->
        <!--</el-form-item>-->
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listFgdl, getFgdl, delFgdl, addFgdl, updateFgdl } from "@/api/jhc/fgdl";

export default {
  name: "Fgdl",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 废钢电炉进耗存录入表格数据
      fgdlList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        cDlFgDyjcMb: null,
        cDlFgDyjcSj: null,
        cDlFgDrjcDrzl: null,
        cDlFgDrjcHyjc: null,
        cDlFgDrjcHylj: null,
        cDlFgDrjcQyjc: null,
        cDlFgDrjcQylj: null,
        cDlFgXhDrxh: null,
        cDlFgXhLjxh: null,
        cDlFgKcYmmb: null,
        cDlFgKcYmsj: null,
        cDlPslDyjcMb: null,
        cDlPslDyjcSj: null,
        cDlPslDrjcDrzl: null,
        cDlPslDrjcHyjc: null,
        cDlPslDrjcHylj: null,
        cDlPslDrjcQyjc: null,
        cDlPslDrjcQylj: null,
        cDlPslXhDrxh: null,
        cDlPslXhLjxh: null,
        cDlPslKcYmmb: null,
        cDlPslKcYmsj: null,
        cDlQtfgDyjcMb: null,
        cDlQtfgDyjcSj: null,
        cDlQtfgDrjcDrzl: null,
        cDlQtfgDrjcHyjc: null,
        cDlQtfgDrjcHylj: null,
        cDlQtfgDrjcQyjc: null,
        cDlQtfgDrjcQylj: null,
        cDlQtfgXhDrxh: null,
        cDlQtfgXhLjxh: null,
        cDlQtfgKcYmmb: null,
        cDlQtfgKcYmsj: null,
        cDlMlfgDyjcMb: null,
        cDlMlfgDyjcSj: null,
        cDlMlfgDrjcDrzl: null,
        cDlMlfgDrjcHyjc: null,
        cDlMlfgDrjcHylj: null,
        cDlMlfgDrjcQyjc: null,
        cDlMlfgDrjcQylj: null,
        cDlMlfgXhDrxh: null,
        cDlMlfgXhLjxh: null,
        cDlMlfgKcYmmb: null,
        cDlMlfgKcYmsj: null,
        cDlNhfgDyjcMb: null,
        cDlNhfgDyjcSj: null,
        cDlNhfgDrjcDrzl: null,
        cDlNhfgDrjcHyjc: null,
        cDlNhfgDrjcHylj: null,
        cDlNhfgDrjcQyjc: null,
        cDlNhfgDrjcQylj: null,
        cDlNhfgXhDrxh: null,
        cDlNhfgXhLjxh: null,
        cDlNhfgKcYmmb: null,
        cDlNhfgKcYmsj: null,
        remake: null,
        zfree1: null,
        zfree2: null,
        zfree3: null,
        zfree4: null,
        zfree5: null,
        zfree6: null,
        zfree7: null,
        zfree8: null,
        zfree9: null,
        zfree10: null,
        zfree11: null,
        zfree12: null,
        zfree13: null,
        zfree14: null,
        zfree15: null,
        cState: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      },
      isInsert:true,
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询废钢电炉进耗存录入列表 */
    getList() {
      this.loading = true;
      listFgdl(this.queryParams).then(response => {
        this.fgdlList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        cDate: null,
        cDlFgDyjcMb: null,
        cDlFgDyjcSj: null,
        cDlFgDrjcDrzl: null,
        cDlFgDrjcHyjc: null,
        cDlFgDrjcHylj: null,
        cDlFgDrjcQyjc: null,
        cDlFgDrjcQylj: null,
        cDlFgXhDrxh: null,
        cDlFgXhLjxh: null,
        cDlFgKcYmmb: null,
        cDlFgKcYmsj: null,
        cDlPslDyjcMb: null,
        cDlPslDyjcSj: null,
        cDlPslDrjcDrzl: null,
        cDlPslDrjcHyjc: null,
        cDlPslDrjcHylj: null,
        cDlPslDrjcQyjc: null,
        cDlPslDrjcQylj: null,
        cDlPslXhDrxh: null,
        cDlPslXhLjxh: null,
        cDlPslKcYmmb: null,
        cDlPslKcYmsj: null,
        cDlQtfgDyjcMb: null,
        cDlQtfgDyjcSj: null,
        cDlQtfgDrjcDrzl: null,
        cDlQtfgDrjcHyjc: null,
        cDlQtfgDrjcHylj: null,
        cDlQtfgDrjcQyjc: null,
        cDlQtfgDrjcQylj: null,
        cDlQtfgXhDrxh: null,
        cDlQtfgXhLjxh: null,
        cDlQtfgKcYmmb: null,
        cDlQtfgKcYmsj: null,
        cDlMlfgDyjcMb: null,
        cDlMlfgDyjcSj: null,
        cDlMlfgDrjcDrzl: null,
        cDlMlfgDrjcHyjc: null,
        cDlMlfgDrjcHylj: null,
        cDlMlfgDrjcQyjc: null,
        cDlMlfgDrjcQylj: null,
        cDlMlfgXhDrxh: null,
        cDlMlfgXhLjxh: null,
        cDlMlfgKcYmmb: null,
        cDlMlfgKcYmsj: null,
        cDlNhfgDyjcMb: null,
        cDlNhfgDyjcSj: null,
        cDlNhfgDrjcDrzl: null,
        cDlNhfgDrjcHyjc: null,
        cDlNhfgDrjcHylj: null,
        cDlNhfgDrjcQyjc: null,
        cDlNhfgDrjcQylj: null,
        cDlNhfgXhDrxh: null,
        cDlNhfgXhLjxh: null,
        cDlNhfgKcYmmb: null,
        cDlNhfgKcYmsj: null,
        remake: null,
        zfree1: null,
        zfree2: null,
        zfree3: null,
        zfree4: null,
        zfree5: null,
        zfree6: null,
        zfree7: null,
        zfree8: null,
        zfree9: null,
        zfree10: null,
        zfree11: null,
        zfree12: null,
        zfree13: null,
        zfree14: null,
        zfree15: null,
        cState: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.cDate)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.isInsert=true;
      this.title = "添加废钢电炉进耗存录入";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const cDate = row.cDate || this.ids
      getFgdl(cDate).then(response => {
        this.form = response.data;
        this.open = true;
        this.isInsert=false;
        this.title = "修改废钢电炉进耗存录入";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (!this.isInsert) {
            updateFgdl(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addFgdl(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const cDates = row.cDate || this.ids;
      this.$modal.confirm('是否确认删除废钢电炉进耗存录入编号为"' + cDates + '"的数据项？').then(function() {
        return delFgdl(cDates);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('jhc/fgdl/export', {
        ...this.queryParams
      }, `fgdl_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style lang="scss" scoped>
  table
  {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
  }
  table td, table th
  {
    border: 1px solid #cad9ea;
    color: #666;
    height: 30px;
  }
  table thead th
  {
    background-color: #CCE8EB;
    width: 100px;
  }
  table tr:nth-child(odd)
  {
    background: #fff;
  }
  table tr:nth-child(even)
  {
    background: #F5FAFA;
  }
</style>

